# Webpack Plugin

- Capable of building modules that meet the {props.name || 'Module Federation'} loading specification.
- Capable of consuming modules of the {props.name || 'Module Federation'} specification using aliases.
- Capable of setting the shared dependency configuration for modules. When the host environment where the module is loaded already has the corresponding dependency, it will not be loaded repeatedly.
- When a module has a remote type, the type of the remote module will be automatically downloaded for consumption.
- Hot-reloading capability when consuming remote modules.

{props.tip}

## Quick Start

{props.demo}

### Installation

You can install the plugin with the following command:

import InstallKit from '@components/common/install-kit';

<InstallKit
  pkgName={props.pkgName}
/>

### Create {props.configName || 'module-federation.config.js'}

Create a {props.configName || 'module-federation.config.js'} file with the following content:

import CreateConfig from '@components/common/webpack/create-config';

{props.createConfig || <CreateConfig />}

### Register Plugin

In `Webpack`, you can add the plugin through the `plugins` configuration item in the `webpack.config.js` configuration file:

import RegisterPlugin from '@components/common/webpack/register-plugin';

{props.registerPlugin || <RegisterPlugin />}

## Configuration

You can find detailed descriptions of all configuration items on the [Config Overview](../../configure/index) page.
